@include b(popover) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
  width: max-content;
  padding: calc(getCssVar('padding') / 2);
  background-color: getCssVar('bg-color');
  border: getCssVar('border');
  border-radius: getCssVar('border-radius', 'base');

  @include e(arrow) {
    position: absolute;
    width: 8px;
    height: 8px;
    background: getCssVar('bg-color');
    transform: rotate(45deg);
  }

  @include when(show) {
    display: block;
  }
}
